<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="res/style.css" />
	<ui:insert name="scripts" />
        <title>#{title}</title>
    </h:head>

    <h:body>
	<div id="container">
	    <div id="header">
		<div class="shadow"></div>
		<h1 class="logoHeader">kiviq</h1>
		<div class="menu">
		    <ul class="menu">
			<li><a href=".">Categories</a></li>
			<li><a href="manage">Manage</a></li>
			<li><a href="/kiviqsearch">Search</a></li>
                        <li><a href="settings">Settings</a></li>
			<li><a href="about">About</a></li>
		    </ul>
		    <div class="logoutLink">
			Logged in as #{sessionScope['user']}.
			<form action="login.do" method="post">
			    <div>
				<input type="hidden" name="action" value="logout" />
				<input class="logoutButton" type="submit" value="Logout" />
			    </div>
			</form>
		    </div>
		</div>
	    </div>

	    <div id="content">
		<ui:insert name="content" />
	    </div>

	    <div id="footer">
		<h:outputText id="currentDate" value="#{DateBean.currentDateTime}" />
	    </div>
	</div>
    </h:body>
</html>